<%--
  Created by IntelliJ IDEA.
  User: smile
  Date: 2021/11/1
  Time: 21:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>

  <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  <script type="text/javascript">
    $(function(){
      $("#uname").blur(function () {
        //1、获得value值
        var uname = $(this).val();
        //2、发送请求
        /*$.ajax({
          url:"/testuname",
          date:"username="+uname,
          type:"post",
          dataType:"text",
          success:function (rs) {
            $("#rs").html(rs);
          }
        });*/
        /*$.get("/testuname","username="+uname,function (rs) {
          $("#rs").html(rs);
        })*/
        $.post("/testuname","username="+uname,function (rs) {
          $("#rs").html(rs);
        })
      });
    });
  </script>

  <body>
    <h1>jquery_ajax.jsp</h1>
    username：<input type="text" id="uname" ><span id="rs"></span>
  </body>
</html>
